.border-line(@px,@color) {
  border: @px solid @color;
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    border: @px*0.5 solid @color;
  }
}

.height(@px){
  height: @px;
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    height: @px*0.5 ;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
    height: @px*0.333333;
  }
}

.bottom-line(@px,@color) {
  border-bottom: @px solid @color;
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    border-bottom: @px*0.5 solid @color;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
    border-bottom: @px*0.333333 solid @color;
  }
}

.top-line(@px,@color) {
  border-top: @px solid @color;
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    border-top: @px*0.5 solid @color;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
    border-top: @px*0.333333 solid @color;
  }
}

.right-line(@px,@color) {
  border-right: @px solid @color;
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    border-right: @px*0.5 solid @color;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
    border-right: @px*0.333333 solid @color;
  }
}

.left-line(@px,@color) {
  border-left: @px solid @color;
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    border-left: @px*0.5 solid @color;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
    border-left: @px*0.333333 solid @color;
  }
}

